import { defineComponent, openBlock, createElementBlock, normalizeStyle, createElementVNode } from "vue";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "icon-image",
  props: {
    size: {}
  },
  setup(__props) {
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", {
        class: "ele-icon-bg-fill",
        style: normalizeStyle({
          width: _ctx.size === "sm" ? "32px" : "46px",
          height: _ctx.size === "sm" ? "24px" : "34px",
          borderRadius: "4px",
          position: "relative",
          overflow: "hidden"
        })
      }, [
        createElementVNode("div", {
          class: "ele-icon-bg-fill-dark",
          style: normalizeStyle({
            width: _ctx.size === "sm" ? "8px" : "12px",
            height: _ctx.size === "sm" ? "8px" : "12px",
            borderRadius: "50%",
            position: "absolute",
            right: _ctx.size === "sm" ? "4px" : "6px",
            top: _ctx.size === "sm" ? "4px" : "6px"
          })
        }, null, 4),
        createElementVNode("div", {
          class: "ele-icon-bg-fill-dark",
          style: normalizeStyle({
            width: _ctx.size === "sm" ? "28px" : "40px",
            height: _ctx.size === "sm" ? "28px" : "40px",
            borderRadius: "6px",
            transform: "rotate(45deg)",
            position: "absolute",
            bottom: _ctx.size === "sm" ? "-16px" : "-24px",
            left: _ctx.size === "sm" ? "-2px" : "-4px"
          })
        }, null, 4)
      ], 4);
    };
  }
});
export {
  _sfc_main as default
};
